<template>
	<view>
		<!-- 搜索栏 -->
		<view class="search_bar">
			<view class="search_left" @click="select()">
				<image src="../../../static/client/shaixuan.png" class="search_left_img"></image>
			</view>
			<input class="search_bar_input" v-model="searchInfo" placeholder="项目名称"
				placeholder-class="search_input_text" />
			<view class="all_sousuo_img" @click="handleSearchIcon" style="height: 76rpx;">
				<image src="../../../static/client/sousuo.png"
					style="width: 38rpx;height: 34rpx;margin-top: 20rpx;margin-left: 20rpx;"></image>
			</view>
			<!-- <image src="../../../static/client/sousuo.png" class="sousuo_img"
				@click="handleSearchIcon"></image> -->
		</view>

		<!-- 项目展示条目 -->
		<uni-swipe-action>
			<uni-swipe-action-item v-for="item in projectList" :key="item" :right-options="item.is_over==1?options_2:options"
				@click="bindClick(item, $event)">

				<view class="item" @click="goProjectDetails(item)">
					<view class="item_name">{{ item.project_name }}</view>

					<view class="item_child">
						<image @click.stop="handleCollect(item, '1')" v-if="item.is_attention == 0"
							src="../../../static/project/shoucang@1.png" class="item_star">
						</image>
						<image @click.stop="handleCollect(item, '-1')" v-if="item.is_attention == 1"
							src="../../../static/project/shoucang@2.png" class="item_star">
						</image>

						<text class="item_type" style="color: #333333;">项目类型:</text>
						<text class="item_type">
							{{ item.project_type_show }}
						</text>

						<text class="item_type" style="margin-left: 97rpx; color: #333333;">项目阶段:</text>
						<text class="item_type overFlowH" :style="item.is_draft == '1'?color:''">
							{{ item.project_status_show }}
						</text>
					</view>

					<view class="item_child" style="margin-left: 62rpx;">
						<text class="item_type" style="color: #333333;">项目登记人:</text>
						<text class="item_type">
							{{ item.memberInfo.nickname }}
						</text>

						<text class="item_type" style="margin-left: 65rpx; color: #333333;">项目主办:</text>
						<text class="item_type overFlowH">
							{{ item.evaluatorsInfo.nickname == undefined ?'暂无': item.evaluatorsInfo.nickname}}
						</text>
					</view>

					<view class="item_child" style="margin-left: 62rpx;">
						<text class="item_type" style="color: #333333;">合同编号:</text>
						<text class="item_type">
							{{ item.contract_code }}
						</text>
					</view>

					<view class="item_child" style="margin-left: 62rpx;">
						<text class="item_type" style="color: #333333;">项目编号:</text>
						<text class="item_type">
							{{ item.project_code }}
						</text>
					</view>

				</view>

			</uni-swipe-action-item>
		</uni-swipe-action>

		<!-- 筛选查询框 -->
		<view class="select_query" v-if="select_query">
			<!-- 日期选择器 -->
			<text class="select_query_text">创建时间</text>
			<picker mode="date" @change="bindStartDateChange" style="width:250rpx ;height: 60rpx;">
				<view class="picker_input">{{ startDate }}</view>
			</picker>
			<view style="width: 15rpx;height: 3rpx; margin-left: 438rpx;margin-top: -30rpx; background: #999999;">
			</view>
			<picker mode="date" @change="bindEndDateChange" style="width:250rpx ;height: 60rpx;">
				<view class="picker_input" style="margin-left: 470rpx;margin-top: -32rpx;">
					{{ endDate }}
				</view>
			</picker>
			<!-- 项目类型 -->
			<view class="select_query_text" style="margin-top: 62rpx;">项目类型</view>
			<view class="select_input" style="margin-top: -50rpx;" @click="proItemsShow()">
				<text class="select_input_text">{{ project_name }}</text>
				<image src="../../../static/client/xiala.png"
					style="width: 20rpx;height: 11rpx;position: absolute; right: 30rpx; top: 30rpx;"></image>
			</view>
			<!-- 项目类型下拉列表 -->
			<view class="project_item" v-if="proItemShow">
				<view class="item_info"  @tap="tapProItem('全部')">
					<text style="margin-left: 21rpx;">{{ '全部' }}</text>
				</view>
				<view class="item_info" :class="
							search_project_type == item.project_type_id
								? 'selectSlideItemActive'
								: ''
						" v-for="(item, index) in projectTypeList" :key="item" @tap="tapProItem(item)">
					<text style="margin-left: 21rpx;">{{ item.project_type_name }}</text>
				</view>
			</view>

			<!-- 许可类型-->
			<view class="select_query_text" style="margin-top: 62rpx;">许可类型</view>
			<view class="select_input" style="margin-top: -50rpx;" @click="proItemsShowFen()">
				<text class="select_input_text">{{ showFenName }}</text>
				<image src="../../../static/client/xiala.png"
					style="width: 20rpx;height: 11rpx;position: absolute; right: 30rpx; top: 30rpx;"></image>
			</view>
			<!-- 许可类型下拉列表 -->
			<view class="project_item" style="top: 345rpx;" v-if="proItemShowFen">
				<view class="item_info" :class="
							search_project_type == item.project_type_id
								? 'selectSlideItemActive'
								: ''
						" v-for="(item, index) in levList1" :key="item.id" @tap="tapProItemFen(item)">
					<text style="margin-left: 21rpx;">{{ item.showName }}</text>
				</view>
			</view>

			<!-- 项目阶段 -->
			<view class="select_query_text" style="margin-top: 62rpx;">项目阶段</view>
			<view class="select_input" style="margin-top: -50rpx;" @click="proItemsShow1()">
				<text class="select_input_text">{{ levShow }}</text>
				<image src="../../../static/client/xiala.png"
					style="width: 20rpx;height: 11rpx;position: absolute; right: 30rpx; top: 30rpx;"></image>
			</view>
			<!-- 项目阶段下拉列表 -->
			<view class="project_item" style="top: 460rpx;" v-if="proItemShow1">
				<view class="item_info" :class="
							search_project_type == item.project_type_id
								? 'selectSlideItemActive'
								: ''
						" v-for="(item, index) in levList" :key="item.id" @tap="tapProItem1(item)">
					<text style="margin-left: 21rpx;">{{ item.showName }}</text>
				</view>
			</view>
			<!-- 登记人员 -->
			<!-- <view class="select_query_text" style="margin-top: 62rpx;">登记人员</view>
				<input type="text" class="select_input" name="input1" style="margin-top: -50rpx; font-size: 26rpx;color: #666;" placeholder="请选择"
					placeholder-class="placeholderclass" disabled="false" value="" /> -->
			<!-- 项目主办 -->
			<view class="select_query_text" style="margin-top: 62rpx;">项目主办</view>
			<input class="select_input" name="input2" style="margin-top: -50rpx; font-size: 26rpx;color: #666;"
				placeholder="请选择" placeholder-class="placeholderclass" disabled="false" :value="insider"
				@click="userSelectShow()" />
			<!-- 多层部门人员选择 -->
			<view class="user_select_plus" v-show="insider_select_show">
				<view class="tab_line">
					<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
						<view class="tab_item" v-for="(item,index) in userSelectTabLine"
							:style="item.show_name == userSelectTabLine[userSelectTabLine.length-1].show_name ?'color: #128bf1;':''"
							@click="tapSelectTab(item,index)">
							{{item.show_name}}
						</view>
					</scroll-view>
				</view>

				<view class="user_select_show">
					<scroll-view scroll-y="true" style="height: 360rpx;">
						<view v-for="item in userSelectList" class="select_item" @click="tapSelector(item)"
							:style="item.is_department == 1?'color:#128bf1':''">
							{{item.show_name}}
						</view>
					</scroll-view>
				</view>
			</view>
			<!-- 多层部门人员选择结束 -->


			<!-- 模糊查询 -->
			<view class="select_query_text" style="margin-top: 62rpx;">模糊查询</view>
			<input type="text" class="select_input" name="input2"
				style="margin-top: -50rpx; font-size: 26rpx;color: #666;" placeholder="请输入" v-model="searchInfo"
				placeholder-class="placeholderclass" />
			<!-- 模糊查询结束 -->
			<!-- 取消确定按钮 -->
			<view style="margin-top: 65rpx;">
				<button class="query_button_cancel" @click="handelCancel" style="">取消</button>
				<button class="query_button_confirm" @click="handleSearchClick" style="">
					筛选
				</button>
			</view>

			<!-- 筛选框评价人员选择 -->
		</view>
		<!-- 筛选查询框结束 -->

		<!-- 加载更多 -->
		<view style="width: 100%;height: 200rpx;">
			<uni-load-more :status="status" iconType="auto" @clickLoadMore="getMoreProject"></uni-load-more>
		</view>
		<!-- 项目进度弹窗 -->
		<uni-popup class="uniPopC" ref="project_pop" type="dialog" :mask-click="true">
			<view class="closeIcon" @click="projectPopClose()">
				<image style="width:52rpx;height: 52rpx;" src="../../../static/images/Close_icon@2x.png"></image>
			</view>
			<scroll-view scroll-y class="noticDetails" v-if="project_log_show == '2'" >
				<view class="stepTitleForProject">{{ stepTitle }}</view>
				<view class="stepRow">
					<view class="finnaceStep">
						<!-- 立项 reg -->
						<view class="MyStep">
							<!-- <view class="stepLine" v-if="projectLog.reg.length > 0"></view> -->
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.reg.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.reg.length > 0" class="stepdate">立项</text>
								<text v-else style="color: #999;" class="stepdate">立项</text>
							</view>
							<view v-for="items in projectLog.reg">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											{{ item.add_time }}
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
			
			
			<scroll-view scroll-y class="noticDetails" v-if="project_log_show == '1'">
				<view class="stepTitleForProject">{{ stepTitle }}</view>
				<view class="stepRow">
					<view class="finnaceStep">
						<!-- 立项 reg -->
						<view class="MyStep">
							<view class="stepLine" v-if="projectLog.reg.length > 0"></view>
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.reg.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.reg.length > 0" class="stepdate">立项</text>
								<text v-else style="color: #999;" class="stepdate">立项</text>
							</view>
							<view v-for="items in projectLog.reg">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											{{ item.add_time }}
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 现场调查 scene -->
						<view class="MyStep">
							<view class="stepLine" v-if="projectLog.scene.length > 0"></view>
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.scene.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.scene.length > 0" class="stepdate">
									现场调查
								</text>
								<text v-else style="color: #999;" class="stepdate">现场调查</text>
							</view>
							<view v-for="items in projectLog.scene">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
											{{ item.add_time }}
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 三级审查 audit -->
						<view class="MyStep">
							<view class="stepLine" v-if="projectLog.audit.length > 0"></view>
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.audit.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.audit.length > 0" class="stepdate">
									三级审查
								</text>
								<text v-else style="color: #999;" class="stepdate">三级审查</text>
							</view>
							<view v-for="items in projectLog.audit">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
											{{ item.add_time }}
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 外部审查 out -->
						<view class="MyStep">
							<view class="stepLine" v-if="projectLog.out.length > 0"></view>
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.out.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.out.length > 0" class="stepdate">
									外部审查
								</text>
								<text v-else style="color: #999;" class="stepdate">外部审查</text>
							</view>
							<view v-for="items in projectLog.out">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
											{{ item.add_time }}
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 报告盖章 seal -->
						<view class="MyStep">
							<view class="stepLine" v-if="projectLog.seal.length > 0"></view>
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.seal.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.seal.length > 0" class="stepdate">
									报告盖章
								</text>
								<text v-else style="color: #999;" class="stepdate">报告盖章</text>
							</view>
							<view v-for="items in projectLog.seal">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
											{{ item.add_time }}
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 存档 file -->
						<view class="MyStep">
							<view class="stepRow1">
								<image class="stepIdot" v-if="projectLog.file.length > 0"
									src="../../../static/images/icon_jd1@2x.png" mode=""></image>
								<image class="stepIdot" v-else src="../../../static/images/icon_jd2@2x.png" mode="">
								</image>
								<text v-if="projectLog.file.length > 0" class="stepdate">存档</text>
								<text v-else style="color: #999;" class="stepdate">存档</text>
							</view>
							<view v-for="items in projectLog.file">
								<view class="stepRow2" v-for="item in items">
									<text class="stepusername" v-if="item.stage_code_show">
										{{ item.stage_code_show.split('-')[1] }}
									</text>
									<view class="stepstatus">
										<view class="addTime">
											<!-- {{ item.add_time + ' ' + item.executorInfo.nickname }} -->
											{{ item.add_time }}
										</view>
										<view class="status">
											<text v-if="item.approval_status == '0'">待审批</text>
											<text v-if="item.approval_status == '1'">通过</text>
											<text v-if="item.approval_status == '-1'">驳回</text>
											<text v-if="item.approval_status == '-2'">撤回</text>
										</view>
										<view style="color: #FF5A5F;" v-show="item.remark != null">
											{{item.remark}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</uni-popup>
		<!-- 项目阶段调整展示弹窗 -->
		<uni-popup class="uniPopC" ref="adjust_pop" type="dialog" :mask-click="true">
			<view class="closeIcon" @click="adjustPopClose()">
				<image style="width:52rpx;height: 52rpx;" src="../../../static/images/Close_icon@2x.png"></image>
			</view>
			<view class="noticDetails" style="font-size: 28rpx;">
				<view class="adjust_pop_line"><text>{{adjust_project.name}}</text></view>
				<view class="adjust_pop_line"><text>登记人:</text> <text
						class="adjust_pop_line_right">{{adjust_project.user}}</text></view>
				<view class="adjust_pop_line"><text>项目阶段:</text> <text
						class="adjust_pop_line_right">{{adjust_project.stage}}</text></view>
				<view class="adjust_pop_line"><text>项目编号:</text> <text
						class="adjust_pop_line_right">{{adjust_project.number}}</text></view>
				<view class="adjust_pop_line">
					选择调整项目阶段:
				</view>
				<view class="adjust_stage" v-for="item in adjust_list" @click="tabAdjustStage(item)">
					{{item.name}}
				</view>
			</view>
		</uni-popup>
		<!-- 项目阶段调整展示弹窗结束 -->

		<project-add v-if="addShow"></project-add>
	</view>
</template>

<script>
	import ProjectAdd from '@/components/project-add.vue';
	export default {
		components: {
			ProjectAdd
		},
		data() {
			return {
				// -------多级人员选择
				userSelectTabLine: [{
					show_name: '部门选择'
				}],
				userSelectList: [],

				color: 'color: #ff0000;',
				addShow: true,
				msg: '',
				proItemShowFen: false,
				showFenName: '全部',
				showFenId: '',
				levList1: [{
						id: '',
						showName: '全部'
					},
					{
						id: '10',
						showName: '一般类'
					},
					{
						id: '21',
						showName: '危化类'
					},
					{
						id: '22',
						showName: '冶金类'
					},
					{
						id: '23',
						showName: '矿山'
					}
				],
				token: '',
				member_id: '',
				company_id: '',
				searchInfo: '',
				project_status: '',
				PorjectType: '',
				projectBstatus: '',
				currentPage: 1,
				pageSize: 10,
				department_color: '',
				user_select_show: false, //控制评价人员选择框显示
				reviewers: '', //评价人员
				show_info: false, //控制项目人员信息是否显示
				status: 'more', //加载更多状态
				startDate: '开始时间',
				endDate: '结束时间',
				select_query: false, //控制筛选查询框是否显示
				department_style: '',
				user_list: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
				options: [
					{
						text: '项目进度',
						style: {
							backgroundColor: '#40A0F2'
						}
					},
					{
						text: '调整项目阶段',
						style: {
							backgroundColor: '#F4A029'
						}
					},
					{
						text: '删除',
						style: {
							backgroundColor: '#dd524d'
						}
					}
				],
				options_2: [
					{
						text: '项目进度',
						style: {
							backgroundColor: '#40A0F2'
						}
					},
					{
						text: '调整项目阶段',
						style: {
							backgroundColor: '#F4A029'
						}
					},
					{
						text: '删除',
						style: {
							backgroundColor: '#dd524d'
						}
					},
					{
						text: '归档项目',
						style: {
							backgroundColor: '#999'
						}
					},
				],
				department: [{
						id: 0,
						name: '安评部',
						style: ''
					},
					{
						id: 1,
						name: '职评部',
						style: ''
					},
					{
						id: 2,
						name: '环评部',
						style: ''
					}
				],
				department_user: [],
				anping: [],
				zhiping: [],
				huanping: [],

				list: ['双重预防', '现状评价', '预评价', '验收评价', '应急预案'],
				project_list: [{
						star_type: 0,
						name: '郑州上德智能科技有限公司安全现状评价',
						star_src: '../../../static/project/shoucang@1.png',
						type: '安全现状评价',
						stage: '立项-项目登记',
						change: false, //长按条目后显示操作区
						style: ''
					},
					{
						star_type: 0,
						name: '郑州上德智能科技有限公司安全现状评价',
						star_src: '../../../static/project/shoucang@1.png',
						type: '安全现状评价',
						stage: '立项-项目登记',
						change: false, //长按条目后显示操作区
						style: ''
					}
				],
				project_item: {
					star_type: 0,
					name: '郑州上德智能科技有限公司安全现状评价',
					star_src: '../../../static/project/shoucang@1.png',
					type: '安全现状评价',
					stage: '立项-项目登记',
					change: false, //长按条目后显示操作区
					style: ''
				},
				projectTypeList: [],
				proItemShow: false,
				project_type_id: '',
				project_name: '',
				// ******人员选择*******
				selectClassId: '',
				userList: [],
				insider: '', //内部业务人员
				insiderId: '', //内部业务人员Id
				insider_select_show: false,
				insider_user: [],
				// ******人员选择*******
				// 项目阶段
				proItemShow1: false,
				levShow: '全部',
				levList: [{
						id: '',
						showName: '全部'
					},
					{
						id: '1',
						showName: '立项'
					},
					{
						id: '2',
						showName: '现场调查'
					},
					{
						id: '3',
						showName: '三级审核'
					},
					{
						id: '4',
						showName: '报告盖章'
					},
					{
						id: '5',
						showName: '存档'
					},
					{
						id: '6',
						showName: '归档'
					}
				],
				projectList: [{
					memberInfo: {
						nickname: ''
					},
					evaluatorsInfo: {
						nickname: ''
					}
				}],
				totle: 0,
				// 项目进度
				projectLog: {
					audit: [],
					file: [],
					out: [],
					reg: [
						[{
							executorInfo: {
								nickname: ''
							}
						}]
					],
					scene: [],
					seal: []
				},
				stepList: ['shenpi'],
				stepTitle: '',
				search_project_type: '',
				project_name: '全部',
				cache_department_id: '',

				selector_user: [ //人员多列选择
					[
						'安评',
						'职评'
					],
					[
						'aa',
						'bb'
					],
					[
						'11'
					]
				],
				adjust_list: [], //项目可调整阶段
				adjust_project: {
					name: '',
					user: '',
					stage: '',
					number: '',
					project_id: ''
				},
				
				project_log_show:'1',
			};
		},

		onLoad(options) {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
			this.company_name = uni.getStorageSync('bthl_process_LoginCompanyName') || '';
			this.cache_department_id = uni.getStorageSync('cache_department_id') || '';
			this.getUserList();
			this.getProjectTypeList();
			this.PorjectType = options.type || '';
			this.projectBstatus = options.status || '';
			
			this.projectList = []
			this.currentPage = 1
			this.status = 'more'
			this.getProjectList();
			if (this.PorjectType == 'attention') {
				uni.setNavigationBarTitle({
					title: '关注项目'
				})
			}
			if (this.projectBstatus == '6') {
				uni.setNavigationBarTitle({
					title: '归档项目'
				})
			}


			if (options.msg) {
				uni.showToast({
					title: options.msg
				})
			}
		},
		onShow() {
			// this.projectList = []
			// this.currentPage = 1
			// this.status = 'more'
			// this.getProjectList();
			this.addShow = true
		},
		onPullDownRefresh() {
			console.log('下拉')
			this.projectList = []
			this.currentPage = 1
			this.status = 'more'
			this.getProjectList();
		},
		
		onHide() {
			this.addShow = false
		},

		methods: {
			// 选择调整项目阶段
			tabAdjustStage(item) {
				uni.showModal({
					title: '提示',
					content: '确定调整阶段吗?',
					success: (res) => {
						if (res.confirm) {
							console.log('用户点击确定');
							this.adjustNode(item);

						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
			},

			// 发送请求调整阶段 Project/adjust_node
			async adjustNode(item) {
				const res = await this.$myRequest({
					url: 'Project/adjust_node',
					method: 'GET',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.adjust_project.project_id,
						stage_code: item.code
					}
				});
				if (res.data.code != 200)
					return uni.showToast({
						title: res.data.datas.msg,
						icon: 'none'
					});

				this.$refs.adjust_pop.close();
				this.projectList = []
				this.currentPage = 1
				this.status = 'more'
				this.getProjectList();
				this.addShow = true
			},
			adjustPopClose() {
				this.$refs.adjust_pop.close();
			},
			// tab点击
			tapSelectTab(item, index) {
				// 判断是否点击第一个元素
				if (index == 0) {
					this.userSelectList = this.userList;
					this.userSelectTabLine = [{
						show_name: '部门选择'
					}]
				} else {
					this.userSelectTabLine = this.userSelectTabLine.slice(0, index + 1);
					this.userSelectList = item.children;
				}
			},

			// 多级列表点击
			tapSelector(item) {
				// 0不是部门 1是部门
				if (item.is_department == 0) {
					this.insider = item.show_name;
					this.insiderId = item.id;
					this.insider_select_show = false;
				} else if (item.is_department == 1) {
					this.userSelectList = item.children;
					console.log('reverse')
					//判断如果部门已加入tab栏则不加入
					if (!this.userSelectTabLine.includes(item)) {
						this.userSelectTabLine.push(item);
					}
				}
			},

			// 悬浮按钮
			// 悬浮按钮点击
			handleFabClick(val) {
				this.isOpen = val;
			},
			// 悬浮按钮

			// 点击查看项目详情
			goProjectDetails(item) {
				// 查看项目编码
				this.$myRequest({
					url: 'Project/get_project_status',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: item.project_id
					}
				}).then(res => {
					if (res.data.code != 200)
						return uni.showToast({
							title: res.data.datas.msg,
							icon: 'none'
						});
					const projectStadusCode = res.data.datas.project_status;
					console.log('项目编码', projectStadusCode);
					switch (projectStadusCode) {
						case '11':
							// 项目登记
							uni.navigateTo({
								url: `/packageProject/pages/project/projectRegist?project_id=${item.project_id}`
							});
							break;
						case '12':
							// 项目分配
							uni.navigateTo({
								url: `/packageProject/pages/project/projectAllocation?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '13':
							// 风险分析
							uni.navigateTo({
								url: `/packageProject/pages/project/riskAssessment?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '14':
							// 项目组任命书
							uni.navigateTo({
								url: `/packageProject/pages/project/projectAppoint?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '15':
							// 工作计划
							uni.navigateTo({
								url: `/packageProject/pages/project/projectPlan?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;

						case '21':
							// 现场勘查记录
							uni.navigateTo({
								url: `/packageProject/pages/project/fieldSurvey/projectProspect?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '22':
							// 整改通知单
							uni.navigateTo({
								url: `/packageProject/pages/project/fieldSurvey/informNotice?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '23':
							// 整改复查记录表
							uni.navigateTo({
								url: `/packageProject/pages/project/fieldSurvey/reviewLog?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;

						case '311':
							// 项目内部审核1
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/internalCheck?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '312':
							// 项目内部审核2
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/internalCheck?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '321':
							// 技术负责人审核1
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/reportApprove?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '322':
							// 技术负责人审核2
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/reportApprove?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '323':
							// 过控负责人审核1
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/processPeople?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '324':
							// 过控负责人审核2
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/processPeople?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;

						case '33':
							// 外部审查
							uni.navigateTo({
								url: `/packageProject/pages/project/threeCheck/externalCheck?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;

						case '44':
							// 资质/印章使用申请
							uni.navigateTo({
								url: `/packageProject/pages/project/reportAndSeal/applyForSeal?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;

						case '24':
							// 委托方提供材料清单
							uni.navigateTo({
								url: `/packageProject/pages/project/fieldSurvey/bom?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '51':
							// 存档
							uni.navigateTo({
								url: `/packageProject/pages/project/reportAndSeal/onFlie?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
						case '60':
							// 归档
							uni.navigateTo({
								url: `/packageProject/pages/project/projectRegist?project_id=${
								item.project_id
							}&details_project_status=${item.project_status}`
							});
							break;
					}
				});
			},
			handleSearchIcon() {
				this.projectList = []
				this.currentPage = 1
				this.status = 'more'
				uni.showLoading({
					title: '请求中~~'
				})
				this.getProjectList();
			},
			// 点击查看更多
			getMoreProject() {
				if (this.totle > this.projectList.length) {
					this.status = 'loading';
					this.currentPage++;
					this.getProjectList(); //执行的方法
					this.status = 'more';
				} else {
					//停止加载
					this.status = 'noMore';
				}
			},
			// 收藏项目
			async handleCollect(item, val) {
				if (item.is_attention == 0) {
					item.is_attention = 1
				} else {
					item.is_attention = 0
				}
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/set_attention',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						project_id: item.project_id,
						status: val
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});

				// this.projectList = [];
				// this.getProjectList();
			},
			// 滑动操作
			bindClick(item, $event) {
				console.log('id', item);
				// console.log($event)
				this.project_log_show = item.demand_type;
				// let that = this
				if ($event.index == 0) {
					this.stepTitle = item.project_name;
					// console.log('查看项目进度')
					this.$myRequest({
						url: 'Project/get_approval_log_all',
						method: 'POST',
						data: {
							member_id: this.member_id,
							token: this.token,
							company_id: this.company_id,
							project_id: item.project_id
						}
					}).then(res => {
						console.log(res.data);
						if (res.data.code != 200)
							return uni.showToast({
								title: res.data.datas.msg,
								icon: 'none'
							});
						this.projectLog = res.data.datas;
						console.log('项目进度123', this.projectLog);
						this.$refs.project_pop.open();
					});
				} else if ($event.index == 1) {
					this.$myRequest({
						url: 'Project/adjust_list',
						method: 'GET',
						data: {
							member_id: this.member_id,
							token: this.token,
							company_id: this.company_id,
							project_id: item.project_id
						}
					}).then(res => {
						if (res.data.code != 200)
							return uni.showToast({
								title: res.data.datas.msg,
								icon: 'none'
							});
						this.adjust_project.name = item.company_name;
						this.adjust_project.user = item.memberInfo.nickname;
						this.adjust_project.stage = item.project_status_show;
						this.adjust_project.number = item.project_code;
						this.adjust_list = res.data.datas.list;
						this.adjust_project.project_id = item.project_id;
						this.$refs.adjust_pop.open();
					});


				} else if ($event.index == 2) {
					// 点击删除
					uni.showModal({
						title: '提示',
						content: '确定删除此项目吗？',
						success: async res => {
							if (res.confirm) {
								// 删除
								const {
									data: res
								} = await this.$myRequest({
									url: 'Project/project_del',
									method: 'POST',
									data: {
										member_id: this.member_id,
										token: this.token,
										company_id: this.company_id,
										project_id: item.project_id
									}
								});
								if (res.code != 200)
									return uni.showToast({
										title: res.datas.msg,
										icon: 'none'
									});
								uni.showToast({
									title: res.datas.msg,
									icon: 'none'
								});
								console.log('aaaaaaaaaaaaaa')
								this.projectList = [];
								this.getProjectList();
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});
				}else if($event.index == 3){
					uni.navigateTo({
						url:'/packageProject/pages/project/reportAndSeal/onFlie?project_id=' + 
						item.project_id + '&over_in=1'
					})
				}
			},
			// 获取项目列表
			async getProjectList() {
				if(this.startDate=='开始时间'){
					this.startDate=''
				}
				if(this.endDate=='结束时间'){
					this.endDate=''
				}
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/project_list',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						p: this.currentPage,
						p_count: this.pageSize,
						cache_department_id: this.cache_department_id,
						project_status: this.project_status,
						search: this.searchInfo,
						type: this.PorjectType,
						project_bstatus: this.projectBstatus,
						permit_type: this.showFenId,
						evaluator_member: this.insiderId,
						// 通过项目类型搜索项目字段(只改键名)
						project_type_id: this.search_project_type,
						start_time: this.startDate,
						end_time: this.endDate,
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.projectList = [...this.projectList, ...res.datas.listInfo];
				// this.projectList = this.projectList.concat(res.datas.listInfo);
				this.totle = parseInt(res.datas.count);
				uni.stopPullDownRefresh();
				console.log('项目列表', this.projectList);
			},
			// 获取项目类型
			async getProjectTypeList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/project_type',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.projectTypeList = res.datas.listInfo;
				console.log('项目类型', this.projectTypeList);
			},
			// ******人员选择*******
			// 获取人员列表
			async getUserList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/simple_member',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.userList = res.datas.listInfo;
				this.userSelectList = this.userList;
				// 数组反转将部门放在前
				for (let i = 0; i < this.userSelectList.length; i++) {
					this.userSelectList[i].children.reverse();
				}


				console.log('用户列表(选择框)', this.userList);
			},

			setSelector(e) {
				console.log(e)
				this.insider = e.detail.value
			},

			// 设置内部人员
			setInsider(item) {
				this.insider = item.show_name;
				this.insiderId = item.id;
				this.insider_select_show = false;
			},
			// 获取内部人员
			getInsider(item) {
				if (item.is_department == 0) {
					this.insider = item.show_name;
					this.insiderId = item.id;
					this.insider_select_show = false;
					return;
				}
				this.selectClassId = item.id;
				// console.log(this.selectClassId)
				this.insider_user = item.children;
			},
			// 内部人员选择点击
			insiderClick() {
				this.insider_select_show = !this.insider_select_show;
				// this.getInsider(this.insider_department[0])
			},
			// ******人员选择*******

			// 点击显示评价人员选择框
			userSelectShow() {
				this.insider_select_show = !this.insider_select_show;
				this.proItemShow = false;
				this.proItemShow1 = false;
				this.proItemShowFen = false;
				// this.getPerson(this.department[0])
			},

			proItemsShow() {
				console.log(this.proItemShow);
				this.proItemShow = !this.proItemShow;
				this.proItemShow1 = false;
				this.proItemShowFen = false;
				this.insider_select_show = false;
			},
			proItemsShowFen() {
				console.log(1231231232);
				this.proItemShowFen = !this.proItemShowFen;
				this.proItemShow1 = false;
				this.proItemShow = false;
				this.insider_select_show = false;
			},
			// 点击项目阶段
			proItemsShow1() {
				this.proItemShow1 = !this.proItemShow1;
				this.proItemShow = false;
				this.proItemShowFen = false;
				this.insider_select_show = false;
			},
			tapProItemFen(item) {
				this.showFenName = item.showName;
				this.showFenId = item.id;
				this.proItemShowFen = false;
			},
			// 点击选择项目类型
			tapProItem(item) {
				if (item == '全部') {
					this.project_name = '全部';
					this.search_project_type = '';
					this.proItemShow = false;
					return;
				}
				console.log(item);
				this.project_name = item.project_type_name;
				this.search_project_type = item.project_type_id;
				this.proItemShow = false;
			},
			tapProItem1(item) {
				console.log(item);
				this.levShow = item.showName;
				this.projectBstatus = item.id;
				this.proItemShow1 = false;
			},
			// 搜索框点击确定
			handleSearchClick() {
				uni.showLoading({
					title: '请求中~~'
				});
				this.projectList = []
				this.currentPage = 1
				this.status = 'more'
				this.getProjectList();
				this.select_query = false;
				// this.startDate = '开始时间'
				// this.endDate = '结束时间'
				// this.searchInfo = ''
				// this.projectBstatus = ''
				// this.levShow = ''
			},
			// 关闭搜索框(搜索框点击取消)
			handelCancel() {
				this.select_query = false;
				this.startDate = '';
				this.endDate = '';
				this.searchInfo = '';
				this.projectBstatus = '';
				this.levShow = '';
				this.insider = '';
				this.insiderId = '';
				this.project_name = '全部';
				this.search_project_type = '';
				this.showFenName = '全部';
				this.showFenId = '';
			},
			projectPopShow() {
				this.$refs.project_pop.open();
			},
			projectPopClose() {
				this.$refs.project_pop.close();
			},
			// 关闭人员信息框
			popClick() {
				if (this.show_info == true) {
					this.show_info = false;
				}
			},

			// 设置评价人员
			setPerson(item) {
				this.reviewers = item;
				this.user_select_show = false;
			},
			// 获取评价人员
			getPerson(item) {
				for (let i = 0; i < this.department.length; i++) {
					this.department[i].style = '';
				}
				switch (item.id) {
					case 0:
						this.department_user = this.anping;
						item.style = 'color:#1A8FF1;';
						break;
					case 1:
						this.department_user = this.zhiping;
						item.style = 'color:#1A8FF1;';
						break;
					case 2:
						this.department_user = this.huanping;
						item.style = 'color:#1A8FF1;';
						break;
				}
			},
			// 查看人员信息
			showUserInfo() {
				this.show_info = !this.show_info;
			},

			popClose() {
				this.$refs.pop.close();
			},
			popShow() {
				this.$refs.pop.open();
			},
			// 点击右下悬浮按钮
			fbtnClick() {
				console.log('点我了');
			},
			// 点击删除区域
			deleteItem() {
				uni.showModal({
					title: '提示',
					content: '确定删除此条项目吗?'
				});
			},
			// 长按条目显示操作区
			longTapItem(item) {
				item.change = true;
				item.style = 'left:-380rpx';
			},
			// 点击星星按钮
			clickStar(item) {
				item.star_type = item.star_type === 0 ? 1 : 0;
				if (item.star_type === 0) {
					item.star_src = '../../../static/project/shoucang@1.png';
				} else {
					item.star_src = '../../../static/project/shoucang@2.png';
				}
			},
			// 点击筛选查询按钮显示查询框
			select() {
				this.select_query = !this.select_query;
			},
			// 更改开始时间
			bindStartDateChange(e) {
				this.startDate = e.target.value;
			},
			// 更改结束时间
			bindEndDateChange(e) {
				this.endDate = e.target.value;
			},
			back() {
				// uni.navigateBack({
				// 	delta: 1
				// })
				uni.switchTab({
					url: '/pages/project/project'
				});
			}
		}
	};
</script>

<style lang="scss">
	// 多层部门人员选择
	.user_select_plus {
		width: 550rpx;
		height: auto;
		position: absolute;
		background: #ffffff;
		top: 575rpx;
		left: 170rpx;
		z-index: 999;
		border-radius: 10rpx;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);

		// 顶部选择栏
		.tab_line {
			width: 100%;
			display: flex;
			border-bottom: 1rpx solid #E4E7ED;

			.tab_item {
				height: 70rpx;
				display: inline-block;
				line-height: 70rpx;
				margin-left: 30rpx;
				font-size: 28rpx;
			}
		}

		// 内容展示框
		.user_select_show {

			.select_item {
				height: 60rpx;
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid #E4E7ED;
				font-size: 26rpx;
				padding-left: 30rpx;
			}
		}
	}

	// ****进度条****
	.stepTitleForProject {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
		width: 100%;
		height: auto;
	}

	.stepRow {
		position: relative;
		display: flex;
		justify-content: flex-end;
		height: auto;

		.finnaceStep {
			width: 100%;
			// background: #FFFFFF;
			z-index: 99;
			// box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			padding: 48rpx 0rpx;
			padding-bottom: 80rpx;
			height: auto;
			// border-radius: 20px;

			.MyStep {
				position: relative;

				// height: 300rpx;
				.stepLine {
					position: absolute;
					width: 2px;
					height: 100%;
					left: 12rpx;
					top: 22rpx;
					background-color: #40a0f2;
				}

				.stepRow1 {
					display: flex;
					align-items: center;

					.stepIdot {
						width: 26rpx;
						height: 26rpx;
						margin-right: 20rpx;
					}

					.stepdate {
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #128bf1;
					}
				}

				.stepRow2 {
					// height: 84rpx;
					height: auto;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.stepusername {
						display: block;
						margin-left: 70rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						min-width: 200rpx;
						width: 200rpx;
						color: #333333;
					}

					.stepstatus {
						margin: 20rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #19af3c;
						width: 280rpx;
						height: auto;

						.addTime {
							width: 100%;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							font-size: 24rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #666666;
						}

						.status {
							font-size: 24rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #128bf1;
						}
					}
				}
			}
		}
	}

	// ****进度条****

	// 人员选择
	.user_select {
		width: 550rpx;
		height: auto;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10rpx;
		overflow: hidden;
		position: absolute;
		top: 575rpx;
		// top: 457rpx;
		left: 170rpx;
		z-index: 100;

		.firm_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			text-align: center;
			margin-top: 21rpx;
		}

		.department {
			width: 288rpx;
			margin-left: 41rpx;
		}

		.person {
			width: 261rpx;
			margin-left: 41rpx;
		}

		.info_text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			margin-bottom: 30rpx;
		}

		.user_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-bottom: 30rpx;
		}
	}

	.user_info {
		width: 410rpx;
		height: 296rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10rpx;
		position: absolute;
		top: 400rpx;
		left: 100rpx;
		padding-left: 34rpx;

		.name {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #128bf1;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-top: 31rpx;

			image {
				width: 88rpx;
				height: 88rpx;
				border-radius: 50%;
			}
		}

		.user_text {
			margin-top: 19rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
		}
	}

	.scroll {
		width: 560rpx;
		height: 500rpx;
		display: flex;
		flex-direction: row;
	}

	.user_item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.project_user {
		width: 170rpx;
		height: 65rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
		display: flex;
		flex-direction: row;
		line-height: 65rpx;
		margin-left: 20rpx;
		margin-top: 30rpx;
		background: #007aff;

		image {
			width: 65rpx;
			height: 65rpx;
			border-radius: 50%;
		}
	}

	.project_title {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #128bf1;
		margin-top: 58rpx;
		position: relative;

		image {
			width: 28rpx;
			height: 33rpx;
			position: absolute;
			top: 3rpx;
		}
	}

	.text_class {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
	}

	// 弹窗
	.uniPopC {
		position: relative;

		.closeIcon {
			position: absolute;
			top: -70rpx;
			right: 0;
		}
	}

	.noticDetails {
		background-color: #fff;
		width: 630rpx;
		max-height: 925rpx;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 40rpx 30rpx;
		position: relative;
		overflow: hidden;
	}

	.adjust_stage {
		text-align: center;
		margin-bottom: 20rpx;
		font-size: 30rpx;
		color: #DD524D;
	}

	.adjust_pop_line {
		margin-bottom: 20rpx;
	}

	.adjust_pop_line_right {
		margin-left: 8rpx;
		color: #40A0F2;
	}

	.file_bnt {
		width: 137rpx;
		height: 137rpx;
		position: fixed;
		left: 592rpx;
		bottom: 120rpx;
		z-index: 5;

		image {
			width: 137rpx;
			height: 137rpx;
		}
	}

	.placeholderclass {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.item {
		width: 100%;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		border-bottom: 5rpx solid #f7f7f7;
		padding-top: 25rpx;
		padding-bottom: 25rpx;

		.item_name {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-left: 30rpx;
		}


		.item_child {
			display: flex;
			flex-direction: row;
			margin-top: 20rpx;

			.item_type {
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #128bf1;
				margin-left: 20rpx;
			}

			.item_star {
				width: 32rpx;
				height: 30rpx;
				margin-left: 30rpx;
			}
		}
	}


	/* #ifdef H5 */
	.xfl_select {
		width: 550rpx;
		height: 60rpx;
		margin-left: 170rpx;
		position: absolute;
		top: 165rpx;
		border: 1rpx solid #dfdfdf;
		border-radius: 10rpx;
	}

	/* #endif */
	/* #ifdef MP-WEIXIN */
	.xfl_select {
		width: 550rpx;
		height: 40rpx;
		font-size: 26rpx;
		margin-left: 170rpx;
		position: absolute;
		top: 160rpx;
		border: 1rpx solid #dfdfdf;
		border-radius: 10rpx;
	}

	/* #endif */
	.select_input {
		width: 530rpx;
		height: 60rpx;
		background: #ffffff;
		border: 1rpx solid #dfdfdf;
		border-radius: 10px;
		margin-left: 170rpx;
		line-height: 60rpx;
		padding-left: 22rpx;
		position: relative;

		.select_input_text {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}

	.query_button_confirm {
		width: 375rpx;
		height: 80rpx;
		background: linear-gradient(0deg, #40a0f2 0%, #128bf1 100%);
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
		border-radius: 0;
		margin-right: 0;
		margin-top: -80rpx;
	}

	.query_button_cancel {
		width: 385rpx;
		height: 80rpx;
		border-radius: 0px;
		margin-left: 0;
		background: #ffffff;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.picker_input {
		width: 250rpx;
		height: 60rpx;
		background: #ffffff;
		border: 1px solid #dfdfdf;
		border-radius: 10rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		line-height: 60rpx;
		text-align: center;
		margin-left: 170rpx;
		margin-top: -48rpx;
	}

	.picker-view {
		width: 750rpx;
		height: 600rpx;
		margin-top: 20rpx;
	}

	.select_query {
		width: 100%;
		height: auto;
		background: #fff;
		position: absolute;
		top: 95rpx;
		padding-top: 56rpx;
		box-shadow: 1px 3px 15px 0px rgba(3, 70, 126, 0.2);

		.select_query_text {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-left: 30rpx;
		}
	}

	.search_left_img {
		width: 46rpx;
		height: 36rpx;
		padding: 28rpx 30rpx;
	}

	.search_left {
		width: 106rpx;
		height: 92rpx;
		background: #40a0f2;
	}

	.search_bar {
		background-color: #fff;
		width: 100%;
		height: 92rpx;
		position: relative;
		border-bottom: 20rpx solid #f7f7f7;

		.search_bar_input {
			width: 450rpx;
			height: 72rpx;
			background: #f7f7f7;
			border: 1rpx solid #f7f7f7;
			border-radius: 36rpx 0 0 36rpx;
			margin-left: 136rpx;
			position: absolute;
			top: 10rpx;
			padding-left: 20rpx;

			.search_input_text {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #b2b2b2;
				line-height: 37px;
				margin-left: 31rpx;
			}
		}

		.sousuo_img {
			width: 90rpx;
			height: 76rpx;
			background: #f7f7f7;
			border-radius: 0 36rpx 36rpx 0;
			position: absolute;
			top: 10rpx;
			left: 600rpx;
			z-index: 99;
		}
	}

	.head_text {
		width: 100%;
		height: 128rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 128rpx;
		text-align: center;
		border: 1rpx solid #f7f7f7;
	}

	.project_item {
		width: 550rpx;
		// height: 296rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		position: absolute;
		top: 227rpx;
		right: 25rpx;
		z-index: 999;

		.item_info {
			width: 100%;
			height: 60rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.overFlowH {
		width: 200rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	// ******人员选择*******
	.selectClass {
		color: #1a8ff1 !important;
	}

	// ******人员选择*******
</style>
